<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/4/20
  Time: 14:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="top">
    <!--    第一个对象：放置logo-->
    <!--    这里如果不设置浮动，就是上下结构，因为我们div属于块元素，自动换行-->

    <div class="top-logo">
        <div class="top-logo-img float-left"><img src="${companyModel.logo}" height="141" width="204"/></div>
        <div class="top-logo-phone float-right">
            <div class="top-logo-phone-img float-left"><img src="../img/icon2_03_uc2a.png" height="30" width="30"/>
            </div>
            <div class="top-logo-phone-num float-right">${companyModel.phone}
            </div>
        </div>
    </div>
    <div class="top-nav">
        <!--        下面的div目的就是为了让导航里面的内容居中-->
        <div class="top-nav-content">
            <ul>
                <c:forEach items="${navList}" var="aa">
                    <a href="${aa.href}">
                        <li>${aa.title}</li>
                    </a>
                </c:forEach>
            </ul>
        </div>
    </div>
    <div class="top-ad">
        ${companyModel.ad}
    </div>
</div>
</body>
</html>